﻿body { font-size: small; color: #333333; font-family: '微软雅黑'; }
/*文字排版*/

.f-12 { font-size: 12px; }
.f-13 { font-size: 13px; }
.f-14 { font-size: 14px; }
.f-16 { font-size: 16px; }
.f-18 { font-size: 16px; }
.f-20 { font-size: 20px; }

.fn { font-weight: normal; }
.fb { font-weight: bold; }

.t-2 { text-indent: 2em; }

.lh-150 { line-height: 150%; }

.lh-180 { line-height: 180%; }

.lh-200 { line-height: 200%; }
 

/*定位*/

.tl { text-align: left; }

.tc { text-align: center; }

.tr { text-align: right; }

.bc { margin-left: auto; margin-right: auto; }

.fl { float: left; }

.fr { float: right; display: inline; }

.cb { clear: both; }

.cl { clear: left; }

.cr { clear: right; }

.vm { vertical-align: middle; }

.pr { position: relative; }

.pa { position: absolute; }

.abs-right { position: absolute; right: 0; }


.hidden { visibility: hidden; }

.none { display: none; }

/*长度高度*/

.w-10 { width: 10px; }
.w-20 { width: 20px; }
.w-30 { width: 30px; }
.w-40 { width: 40px; }
.w-50 { width: 50px; }
.w-60 { width: 60px; }
.w-70 { width: 70px; }
.w-80 { width: 80px; }
.w-90 { width: 90px; }
.w-100 { width: 100px; }
.w-150 { width: 150px; }
.w-200 { width: 200px; }
.w-250 { width: 250px; }
.w-300 { width: 300px; }
.w-350 { width: 350px; }
.w-400 { width: 400px; }
.w-450 { width: 450px; }
.w-500 { width: 500px; }
.w-550 { width: 550px; }
.w-600 { width: 600px; }
.w-650 { width: 650px; }
.w-700 { width: 700px; }
.w-750 { width: 750px; }
.w-800 { width: 800px; }
.w-850 { width: 850px; }
.w { width: 100%; }
.w-half { width: 50%; }

.h-50 { height: 50px; }

.h-80 { height: 80px; }

.h-100 { height: 100px; }

.h-200 { height: 200px; }

.h { height: 100%; }

/*边距*/
.m-0 { margin: 0px; }
.m-5 { margin: 5px; }
.m-10 { margin: 10px; }
.m-15 { margin: 15px; }
.m-20 { margin: 15px; }
.m-25 { margin: 15px; }
.m-30 { margin: 30px; }
.m-35 { margin: 15px; }
/*上边距*/
.mt-0 { margin-top: 0px; }

.mt-5 { margin-top: 5px; }

.mt-10 { margin-top: 10px; }

.mt-15 { margin-top: 15px; }

.mt-20 { margin-top: 20px; }

.mt-30 { margin-top: 30px; }

.mt-50 { margin-top: 50px; }

.mt-100 { margin-top: 100px; }

/*下边距*/
.mb-0 { margin-bottom: 0px; }

.mb-5 { margin-bottom: 5px; }

.mb-10 { margin-bottom: 10px; }

.mb-15 { margin-bottom: 15px; }

.mb-20 { margin-bottom: 20px; }

.mb-30 { margin-bottom: 30px; }

.mb-50 { margin-bottom: 50px; }

.mb-100 { margin-bottom: 100px; }

/*左边距*/
.ml-0 { margin-left: 0px; }

.ml-5 { margin-left: 5px; }

.ml-10 { margin-left: 10px; }

.ml-15 { margin-left: 15px; }

.ml-20 { margin-left: 20px; }

.ml-30 { margin-left: 30px; }

.ml-50 { margin-left: 50px; }

.ml-100 { margin-left: 100px; }

/*右边距*/
.mr-0 { margin-right: 0px; }

.mr-5 { margin-right: 5px; }

.mr-10 { margin-right: 10px; }

.mr-15 { margin-right: 15px; }

.mr-20 { margin-right: 20px; }

.mr-30 { margin-right: 30px; }

.mr-50 { margin-right: 50px; }

.mr-100 { margin-right: 100px; }

/*上下边距*/
.m-tb-0 { margin-top: 0px; margin-bottom: 0px; }

.m-tb-5 { margin-top: 5px; margin-bottom: 5px; }

.m-tb-10 { margin-top: 10px; margin-bottom: 10px; }

.m-tb-15 { margin-top: 15px; margin-bottom: 15px; }

.m-tb-20 { margin-top: 20px; margin-bottom: 20px; }

.m-tb-30 { margin-top: 30px; margin-bottom: 30px; }

.m-tb-50 { margin-top: 50px; margin-bottom: 520px; }

.m-tb-100 { margin-top: 100px; margin-bottom: 100px; }

/*左右边距*/
.m-lr-0 { margin-left: 0px; margin-right: 0px; }

.m-lr-5 { margin-left: 5px; margin-right: 5px; }

.m-lr-10 { margin-left: 10px; margin-right: 10px; }

.m-lr-15 { margin-left: 15px; margin-right: 15px; }

.m-lr-20 { margin-left: 20px; margin-right: 20px; }

.m-lr-30 { margin-left: 30px; margin-right: 30px; }

.m-lr-50 { margin-left: 50px; margin-right: 520px; }

.m-lr-100 { margin-left: 100px; margin-right: 100px; }

/*左上边距*/
.m-lt-0 { margin-left: 0px; margin-top: 0px; }

.m-lt-5 { margin-left: 5px; margin-top: 5px; }

.m-lt-10 { margin-left: 10px; margin-top: 10px; }

.m-lt-15 { margin-left: 15px; margin-top: 15px; }

.m-lt-20 { margin-left: 20px; margin-top: 20px; }

.m-lt-30 { margin-left: 30px; margin-top: 30px; }

.m-lt-50 { margin-left: 50px; margin-top: 520px; }

.m-lt-100 { margin-left: 100px; margin-top: 100px; }

/*右上边距*/
.m-rt-0 { margin-right: 0px; margin-top: 0px; }

.m-rt-5 { margin-right: 5px; margin-top: 5px; }

.m-rt-10 { margin-right: 10px; margin-top: 10px; }

.m-rt-15 { margin-right: 15px; margin-top: 15px; }

.m-rt-20 { margin-right: 20px; margin-top: 20px; }

.m-rt-30 { margin-right: 30px; margin-top: 30px; }

.m-rt-50 { margin-right: 50px; margin-top: 520px; }

.m-rt-100 { margin-right: 100px; margin-top: 100px; }

.p-5 { padding: 5px; }

.p-10 { padding: 10px; }

.p-15 { padding: 15px; }

.p-30 { padding: 30px; }

.pt-5 { padding-top: 5px; }

.pt-10 { padding-top: 10px; }

.pt-15 { padding-top: 15px; }

.pt-20 { padding-top: 20px; }

.pt-30 { padding-top: 30px; }

.pt-50 { padding-top: 50px; }

.pb-5 { padding-bottom: 5px; }

.pb-10 { padding-bottom: 10px; }

.pb-15 { padding-bottom: 15px; }

.pb-20 { padding-bottom: 20px; }

.pb-30 { padding-bottom: 30px; }

.pb-50 { padding-bottom: 50px; }

.pb-100 { padding-bottom: 100px; }

.pl-5 { padding-left: 5px; }

.pl-10 { padding-left: 10px; }

.pl-15 { padding-left: 15px; }

.pl-20 { padding-left: 20px; }

.pl-30 { padding-left: 30px; }

.pl-50 { padding-left: 50px; }

.pl-100 { padding-left: 100px; }

.pr-5 { padding-right: 5px; }

.pr-10 { padding-right: 10px; }

.pr-15 { padding-right: 15px; }

.pr-20 { padding-right: 20px; }

.pr-30 { padding-right: 30px; }

.pr-50 { padding-right: 50px; }

.pr-100 { padding-right: 100px; }

.p-tb-0 { padding-top: 0px; padding-bottom: 0px; }
.p-tb-5 { padding-top: 5px; padding-bottom: 5px; }
.p-tb-15 { padding-top: 15px; padding-bottom: 15px; }
.p-tb-20 { padding-top: 20px; padding-bottom: 20px; }
.p-tb-30 { padding-top: 30px; padding-bottom: 30px; }
.p-tb-50 { padding-top: 50px; padding-bottom: 50px; }
.p-tb-100 { padding-top: 100px; padding-bottom: 100px; }

.color-gray { color: #999; }
.muted { color: #999999; }
.text-warning { color: #c09853; }
.text-error { color: #b94a48; }
.text-info { color: #3a87ad; }
.text-success { color: #468847; }
.pager { padding: 0 10px; font-size: 12px; margin: 0; padding: 0; }
.pager ul { height: 30px; line-height: 30px; list-style-type: none; }
.pager ul li { line-height: 24px; margin: 2px 5px; padding: 0px 6px; text-align: center; float: left; }
.pager ul li a { color: #0099CC; text-decoration: none; }
.pager ul li.record, .pager ul li.first, .pager ul li.prev, .pager ul li.next, .pager ul li.last { border: solid 1px #0099CC; }
.pager ul li.record { color: #0099CC; }
.pager ul li.prev { padding-left: 12px; background: #FFFFFF url(/images-manage/arrow-left.gif) no-repeat scroll 0 50%; }
.pager ul li.next { padding-right: 12px; background: #FFFFFF url(/images-manage/arrow-right.gif) no-repeat scroll 97% 50%; }
.pager ul li.off { border: solid 1px #999999; color: #666666; }
.pager ul li.page { margin: 0px; padding: 0px; }
.pager ul li.page a, .pager ul li.page span { vertical-align: middle; line-height: 24px; margin: 2px 5px; padding: 0px 8px; text-align: center; display: block; float: left; }
.pager ul li.page a.cur { background-color: #0099CC; color: #FFFFFF; font-weight: bold; border: solid 1px #0099CC; }
.pager ul li.page a { color: #0099CC; border: solid 1px #D3E0EC; }
.pager ul li.page a:hover { border: solid 1px #0099CC; }
.pager ul li.page span { color: #333333; padding: 0px 4px; }
.pager { padding: 0 10px; font-size: 12px; margin: 0; padding: 0; }
.pager ul { height: 30px; line-height: 30px; list-style-type: none; }
.pager ul li { line-height: 24px; margin: 2px 5px; padding: 0px 6px; text-align: center; float: left; }
.pager ul li a { color: #0099CC; text-decoration: none; }
.pager ul li.record, .pager ul li.first, .pager ul li.prev, .pager ul li.next, .pager ul li.last { border: solid 1px #0099CC; }
.pager ul li.record { color: #0099CC; }
.pager ul li.prev { padding-left: 12px; background: #FFFFFF url(/images-manage/arrow-left.gif) no-repeat scroll 0 50%; }
.pager ul li.next { padding-right: 12px; background: #FFFFFF url(/images-manage/arrow-right.gif) no-repeat scroll 97% 50%; }
.pager ul li.off { border: solid 1px #999999; color: #666666; }
.pager ul li.page { margin: 0px; padding: 0px; }
.pager ul li.page a, .pager ul li.page span { vertical-align: middle; line-height: 24px; margin: 2px 5px; padding: 0px 8px; text-align: center; display: block; float: left; }
.pager ul li.page a.cur { background-color: #0099CC; color: #FFFFFF; font-weight: bold; border: solid 1px #0099CC; }
.pager ul li.page a { color: #0099CC; border: solid 1px #D3E0EC; }
.pager ul li.page a:hover { border: solid 1px #0099CC; }
.pager ul li.page span { color: #333333; padding: 0px 4px; }
.pager ul li.page span { color: #333333; padding: 0px 4px; }

.sk-ui-input { background: url("http://static.silenthink.com/images/input.single-text.bg.png") repeat-x scroll 0 0 transparent; color: #666666; padding: 4px; border: 1px solid #D5D5D5; }
.sk-ui-input:focus { border: 1px solid #F3B599; }
.sk-ui-input-singleline { height: 18px; line-height: 18px; }
.sk-ui-input-captcha { width: 50px; }

.sk-ui-box { border: 1px solid #E6E6E6; }
.sk-ui-box div.header { }
.sk-ui-box div.header div.title { height: 40px; line-height: 40px; font-weight: bold; padding-left: 10px; color: #a30806; border-bottom: 3px solid #a30806; font-size: larger; }
.sk-ui-box div.header div.extra { border-bottom: 1px solid #E5E5E5; line-height: 200%; padding-top: 5px; }
.sk-ui-box div.header div.extra p { margin: 5px; padding-left: 10px; }

.sk-ui-box div.header div.extra ul { width: 100%; }
.sk-ui-box div.header div.extra ul li { float: left; margin: 5px; padding-left: 10px; }
.sk-ui-box div.header div.extra ul li.half { width: 46%; }

.sk-ui-box div.container { padding: 10px; }
.sk-ui-box div.footer { background: url("http://static.silenthink.com/images/footer-bg-1.gif") repeat-x scroll 0 0 transparent; }
.sk-ui-box div.footer ul { height: 45px; padding: 5px; }
.sk-ui-box div.footer ul li { float: right; width: 120px; height: 35px; line-height: 35px; padding: 5px; }

.sk-ui-subbox { border: 1px solid #E6E6E6; }
.sk-ui-subbox div.header { }
.sk-ui-subbox div.header div.title { height: 35px; line-height: 200%; font-weight: bold; padding-left: 10px; color: #a30806; border-bottom: 3px solid #a30806; font-size: 13px; }
.sk-ui-subbox div.header div.extra { padding-left: 10px; border-bottom: 1px solid #E5E5E5; height: 45px; line-height: 45px; }
.sk-ui-subbox div.header div.extra ul li { height: 25px; line-height: 25px; float: left; width: 200px; margin: 5px; }


/*默认按钮*/
.sk-ui-btn { background-image: url("http://static.silenthink.com/images/login.bg.png"); height: 45px; line-height: 45px; width: 102px; border: 0 none; cursor: pointer; font-size: 14px; height: 35px; line-height: 35px; }
.sk-ui-btn-alpha { background-position: 0 -208px; color: #FFFFFF; }
.sk-ui-btn-alpha:hover { background-position: 0 -256px; }
.sk-ui-btn-beta { background-position: -112px -208px; color: #555555; }
.sk-ui-btn-beta:hover { background-position: -112px -256px; }


/*默认表格*/
.sk-ui-table-default { border-collapse: collapse; border-spacing: 0; }
.sk-ui-table-default { border: 1px solid #E5E5E5; border-collapse: collapse; padding: 0; text-align: center; width: 100%; }
.sk-ui-table-default th { background: url(http://static.silenthink.com/images/tb-th.gif) repeat-x scroll 0 5px; border-bottom: 2px solid #C30000; color: #333333; font-weight: normal; height: 35px; line-height: 35px; }
.sk-ui-table-default tbody tr { height: 30px; line-height: 30px; }
.sk-ui-table-default tbody tr.odd { }
.sk-ui-table-default tbody tr.even { }
.sk-ui-table-default tbody tr td { padding: 2px 4px; }
.sk-ui-table-default tbody tr td.empty { height: 35px; line-height: 35px; padding: 5px; color: red; text-align: center; }

.sk-ui-form-default { }
.sk-ui-form-default ul { }
.sk-ui-form-default ul li { height: 40px; line-height: 40px; margin: 5px; width: 100%; }
.sk-ui-form-default ul li.half { width: 48%; }
.sk-ui-form-default ul li label { float: left; width: 80px; margin-right: 5px; }
.sk-ui-form-default ul li input { float: left; margin: 5px; }
.sk-ui-form-default ul li span { float: left; }

dl.sk-ui-tab { border: solid 1px #E5E5E5; }
dl.sk-ui-tab dt { background: url("http://static.silenthink.com/images/tb-th.gif") repeat-x scroll 0 5px transparent; border-bottom: 2px solid #C30000; color: #333333; font-weight: normal; height: 35px; line-height: 35px; }
dl.sk-ui-tab dd { padding: 5px; }

.sk-ui-box-wrap { background: #fff; display: block; width: 300px; height: 310px; padding: 20px; border-radius: 2px 2px 2px 2px; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; }
